<template>
	<div v-loading="loading">
		<div class="title1">
			<div>
				<span class="h1">基础管理</span>
				<span class="h2">项目管理</span>
			</div>
		</div>
		<div class="con">
			<div>
				<el-button type="primary" @click="newPro()">+ 新建</el-button>
				<div style="width:240px;float:right;position: relative;">
					<el-input v-model="input" placeholder="请输入..."></el-input>
					<i class="el-icon-search" @click="lookPro()" style="position: absolute; width:40px;height:36px;right:0;top:0;color:#000;text-align:center;line-height:36px"></i>
				</div>
			</div>
			<div style="margin-top: 10px;overflow: auto;padding-bottom: 100px;">
				<el-table :data="tableData5" style="width: 100%">
					<el-table-column type="expand">
						<template slot-scope="props">
						</template>
					</el-table-column>
					<el-table-column label="项目名称" prop="PName">
					</el-table-column>
					<el-table-column label="项目地址" prop="PAddress">
					</el-table-column>
					<el-table-column label="项目联系人" prop="P_Man">
					</el-table-column>
					<el-table-column label="联系电话" prop="P_Tel">
					</el-table-column>
					<el-table-column label="项目简介" prop="P_Intro">
						<template slot-scope="scope">
							<div class="info" @click="ShowInfo(scope.row.P_Intro)">{{scope.row.P_Intro}}</div>
						</template>
					</el-table-column>
					<el-table-column label="操作">
						<template slot-scope="scope">
							<el-button size="small" type="primary" @click="amend(scope.row.ID)">编辑</el-button>
							<el-button size="small" type="danger" @click="Delpro(scope.row.ID)">删除</el-button>
						</template>
					</el-table-column>
				</el-table>
				<div style="float: right; margin-top: 10px;margin-right: 5px;">
					<el-pagination layout="prev, pager, next" :total="leng">
					</el-pagination>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import api from '../../kits/api.js';
	export default {
		name: 'project',
		data() {
			return {
				input:"",//输入框
				loading:false, //Loading 加载
				tableData5:[],//项目列表
				leng:1,//分页
			}
		},
		mounted: function() {
		},
		methods: {
			
		}
	}
</script>

<style>
	.con{
		margin-top: 20px;
	}
</style>